<template>
  <el-dialog
    class="close-dialog"
    :title="dialog.title"
    width="900px"
    :visible.sync="dialog.visible"
  >
    <div class="main"></div>
    <div class="foot">
      <el-button @click="submit" type="primary">确定</el-button>
      <el-button @click="cancle">取消</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialog: {
        visible: false,
        title: "xiangqing ",
      },
    };
  },
  methods: {
    //打开弹窗
    async open() {
      this.dialog.visible = true;
    },
    //确定
    submit() {},
    cancle() {
      this.dialog.visible = false;
    },
  },
};
</script>

<style scoped lang="scss">
.close-dialog {
  .foot {
    text-align: center;
    margin-top: 20px;
  }
}
</style>
